@import './variables';
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}
body {
    font-size: 16px;
    overflow: auto;
    color:#222;
}
.ant-layout-content {
    background:#fff;
}
.ant-layout-header {
    padding:0;
    background:$base-color;
    .logo {
        width:467px;
        height:74px;
        float:left;
        img {
            width:100%;
            height:100%;
        }
    }
    .nav {
		width:290px;
		float:right;
		height:60px;
		margin:7px 0 0 0;
		line-height:25px;
		padding:5px 0;
		padding-right:20px;

		.navList {
			text-align:right;
			span {
				margin:0 8px;
				color:#fff;
			}
			a {
				line-height:50px;
				color:#fff;
			}
			a:hover {
				color:#8ec13f;
				text-decoration:underline;
			}
			.green {
				color:#8ec13f;
			}
		}
    }
    
    .top-main {
		margin:0 350px 0 300px;
		max-width:1300px;
        height:75px;
        .cloud-btn {
			width:90px;
			line-height:40px;
			height:40px;
			border-radius:3px;
			border:1px solid #fff;
			float:right;
			margin-top:17px;
			color:#fff;
			text-align:center;
			cursor:pointer;
			background:none;
			font-size:15px;
		}
		.search {
			margin:0 105px 0 215px;
			height:41px;
			position:relative;
			top:17px;
			.ant-input {
                background:none;
            }
            .ant-input:hover,.ant-input:focus {
                border:1px solid #d9d9d9;
            }
            .ant-input-group-addon {
                .ant-btn-primary {
                    background:#fff;
                    color:$base-color;
                    border:none;
                }
            }		
		}
    }
}
.sider-inner {
    width: 248px;
    background: #fff;
    box-shadow: 1px 1px 10px 3px #ddd;
    height: 100%;
    .switch {
        height:10px;
        background:$base-color;
        font-size: 12px;
        color:#fff;
        margin:0;
        padding:0;
        cursor: pointer;
        .anticon {
            float:left;
        }
    }
    .list {
        .reback-nav {
            list-style: none;
            padding:20px 20px;
            li {
                padding:0 30px;
                height:32px;
                line-height: 32px;
                border-radius: 4px;
                margin-bottom: 10px;
                cursor: pointer;
            }
            .on {
                background:$base-color;
                color:#fff;
            }
        }
    }
}
.ant-layout-content {
    padding:10px 10px 15px;
}